<template>
  <div class='ayx-toast-container'>
    {{ value }}
  </div>
</template>
<script>
export default {
  data(){
    return {
      value: ''
    }
  },

  // props: ['value'],
  created() {
    // console.log(this.value)
  },
  methods:{

  }
}
</script>
<style lang='less' scoped>
.ayx-toast-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 1rem;
  margin: 0 auto;
  max-width: 3rem;
  padding: .2rem;
  height: .6rem;
  // line-height: 1rem;
  text-align: center;
  font-size: .4rem;

  background-color: #f00;
  color: #fff;
  z-index: 10;
}
</style>